.mainContent {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	padding: 26upx 0 140upx;
	.header {
		position: fixed;
		left: 0;
		top: 88upx;
		width: 100%;
		z-index: 10;
		.navigatorModular {		
			display: flex;
			width: 100%;
			padding: 14upx 24upx;
			box-sizing: border-box;
			background-color: #05C6AD;
			align-items: center;
			.classification {
				flex: 1;
				overflow-x: auto;
				position: relative;
				.classifcation-a{
					width: 1100upx;
					height: 88upx;
					display: flex;
					align-items: center;
					text {
						float: left;
						margin-right: 30upx;
						color: #FFFFFF;
						font-size: 32upx;
					}
					
					text:last-child {
						margin-right: 0;
					}
					
					.on {
						color: #FFFFFF;
						font-size: 36upx;
						font-weight: bold;
						position: relative;
						image {
							position: absolute;
							left:50%;
							transform: translateX(-50%);
							margin-top: 52upx;
							width: 44upx;
							height: 16upx;
						}
					}
				}
				
			}
			.split {
				position: absolute;
				right: 40upx;
				top: 36upx;
				z-index: 11;
				width: 12upx;
				height: 38upx;
				margin: 6upx 24upx 0 16upx;
			}

			.open {
				width: 24upx;
				height: 24upx;
				margin-left: 18upx;
			}
		}
	}

	.listMular {
		width: 94%;
		margin: 94upx 3% 0;
		box-sizing: border-box;
		.box {
			width: 100%x;
			height: 100%;
			background: #FFFFFF;
			border-radius: 22upx;
			padding:0 29upx 0 40upx;
			box-sizing: border-box;
			position: relative;
			margin-bottom: 25upx;
			.sn {
				position: absolute;
				left: -6upx;
				top: 13%;
				width: 32upx;
				height: 30upx;
			}
			.top {
				height: 74upx;
				display: flex;
				align-items: center;
				font-size: 28upx;		
				border-bottom: 1upx solid #CCCCCC;
				
				.assementNumber {
					flex: 1;
					color: #666666;
					margin-left: 6upx;
				}
				.assementType,.dataTime1 {
					color: #EA0B0B;
					flex: 1;
					text-align: right;
				}
				.dataTime {
					color: #666666;
				}
			}
			.bottom {
				display: flex;
				align-items: center;
				height: 97upx;
				.nameBox {
					flex: 1;
					display: flex;
					align-items: baseline;
					.userName {
						margin-left: 10upx;
						color: #333333;
						font-size: 40upx;
						font-weight: 500;
					}
					image {
						width: 24upx;
						height: 24upx;
						margin: 0 12upx 0 18upx;
					}
					.healthName {
						color: #05C6AD;
						font-size: 26upx;
					}
				}
				.buttonBox {
					flex: 1;
					display: flex;
					.qsDetail,
					.applyFor,
					.generating,
					.viewAssessment{
						width: 146upx;
						height: 50upx;
						background: #6AB7FF;
						border-radius: 25upx;
						color: #FFFFFF;
						font-size: 30upx;
						line-height: 50upx;
						text-align: center;
					}
					.applyFor {
						background-color: #FFAE5E;
						margin-left: 24upx;
					}
					.generating {
						background-color: #BDBDBD;
						margin-left: 24upx;
					}
					.viewAssessment {
						background-color: #05C6AD;
						margin-left: 24upx;
					}
				}
			}
		}
	}
	.noData {
		image {
			width: 260upx;
			height: 200upx;
			display: table;
			margin: 246upx auto 32upx;
		}
		view {
			text-align: center;
			color: #666666;
			font-size: 30upx;
		}
	}
	.location {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 750upx;
		height: 135upx;
		background: url('@/static/img/monitor/healthStatus/suspensionBg@2x.png') no-repeat;
		background-size: 100% 100%;
		image {
			position: fixed;
			bottom: 26upx;
			left: 50%;
			transform: translateX(-50%);
			width: 90upx;
			height: 90upx;
		}
	}
	
	.mask {
		background-color: #000000;
		opacity: .2;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.uniPop {
		position: fixed;
		top: 204upx;
		z-index: 100;
		display: flex;
		align-items: center;
		background-color: #FFFFFF;
		flex-wrap: wrap;
		width: 100%;
		height: 312upx;
		border-radius: 0px 0px 22upx 22upx;
		.navigatorModular{
			height: 155upx;
			width: 25%;
			border-right: 1upx solid #E9E9E9;
			padding: 28upx 0;
			box-sizing: border-box;
			image{
				width: 44upx;
				height: 44upx;
				display: table;
				margin: auto;
			}
			view {
				text-align: center;
				color: 26upx;
				color: #333333;
				margin-top: 15upx;
			}
			.checked {
				color: #05C6AD;
			}
			
		}
		.navigatorModular:nth-child(-n+4) {
			border-bottom: 1upx solid #E9E9E9;
		}
		.navigatorModular:nth-child(4n) {
			border-right: 0;
		}
	}
}